/* reset */
body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {margin: 0;padding: 0;}
body {font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑",STHeiti,MingLiu;font-size: 14px;color: #434343;}
ul,li {list-style: none;}
img {border: none;}
i,em{font-style:normal}
a {text-decoration: none;color: #555;}
/* a:hover{color: #4562ac;} */
/* 公用 */
.inner{width: 1200px;margin: auto;}
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.fl{float: left;}
.fr{float: right;}
.rel { position: relative; }
.abs { position: absolute; }
.fid { position: fixed; }
.flex{display: flex;}
.block{display: block;height: 100%;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.inputreset{outline: none}
.text_ov{overflow: hidden;white-space:nowrap; text-overflow:ellipsis; }
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
a.linkstyle:hover{background: #DA251C;color: #ffff;border: 1px solid #DA251C;}
p.line4{line-height: 21px; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.scale1_1{transition: all .5s;}
.scale1_1:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
 /* 版权图片切换 */
.copyright{color: #FFFFFF;margin: auto;}
.copyright li a{display: inline-block;margin-left: 10px;}
.copyright li a:hover{ -webkit-transition-property:background-image;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;}
.copyright li span{display: inline-block;float: left;line-height: 30px;font-size: 14px;}
.footer_bot ul li span{float: left;}
.weiling{display:inline-block;width:120px;height:18px;background: url(../images/weiling_1.png) no-repeat center center;background-size: 100%, 100%;margin-top: 3px;float: left;}
.weiling:hover{background: url(../images/weiling_2.png) no-repeat;background-size: 100%, 100%}
.wangshang{display:inline-block;width:113px;height:22px;background: url(../images/wangshang_1.png) no-repeat;margin-top: 2px;background-size: 100%, 100%;margin-top: 2px;float: left;}
.wangshang:hover{background: url(../images/wangshang_2.png) no-repeat;background-size: 100%, 100%}
/* .footer .to-top{width: 90px;bottom: 0;left: 0;right: 0;margin: auto;} */

.header_top{background: #59b2f7;}
.header_top p{line-height: 40px;color: #fff;}
.header_top p a{color: #fff;margin: 0 5px;}
.header_top .icons a{display:block;color: #fff;height: 20px;}
.header_top .icons li{display: inline-block;border: 1px solid #bebebe;padding: 9px 7px;background: #317bb2;float: left;position: relative;box-sizing: border-box;;}
.qr_code_show{display: none;position: absolute;left: -40px;bottom:-120px;width: 120px;height: 120px;overflow: hidden;z-index: 999;}
.qr_code_show img{display: block;width: 120px;height: 120px;}
.header_top .icons li:hover .qr_code_show{display: block;}
/* 导航 */
.header_bot{padding: 20px 0;}
.header_bot .logo{width:200px;height: 60px;}
.navBar{ position:relative; z-index:1;   color:#fff; height:40px; line-height:40px;}
.nav h3{ font-size:100%; font-weight:normal; font-size:14px;  }
.nav .m{  position:relative; float:left; width:86px; margin:0 10px; display:inline; text-align:center;   }
.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(../images/nav_arrow_06.png) right center no-repeat; overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5;}
.nav h3 a{  zoom:1;  height:55px;display:block;line-height: 55px;}
.nav .on h3 a{border-bottom:2px solid #317bb2;   }
.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
.nav .sub{ display:none; /*默认隐藏*/ width:108px; padding:10px 0;  position:absolute; left:-10px; top:56px;  background:#eee;  float:left; line-height:30px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#333; display:block; zoom:1;}
.nav .sub li a:hover{  background:#ddd; color:#317bb2;   }
/* banner */
.fullSlide{ min-width:1000px; position:relative;  height:600px; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .hd{ width:1200px;  bottom:15px; position:absolute; z-index:1; bottom:15px; overflow:hidden; right: 0;left: 0;margin: auto; }
.fullSlide .hd ul{ float:right;  }
.fullSlide .hd ul li{  margin:0 5px; display:inline-block; cursor:pointer; }
.fullSlide .hd ul li img{ width:80px; height:50px; display:block; border:2px solid #fff; filter:alpha(opacity=50);opacity:0.5;  }
.fullSlide .hd ul .on img{ border-color:#59b2f7; filter:alpha(opacity=100);opacity:1;  }
/* 公用 title */
.pad56{padding: 56px 0;}
.index_title{width: 235px;margin: auto;text-align: center;position: relative;}
.index_title:after{content: '';position: absolute;width: 200px;height: 1px;background: #bebebe;left: -200px;top: 30px;}
.index_title:before{content: '';position: absolute;width: 200px;height: 1px;background: #bebebe;right: -200px;top: 30px;};
.index_title h2{color: #317bb2;line-height: 36px;position: relative;font-size: 30px;height: 36px;}
.index_title h2:after{content: '';position: absolute;width: 4px;height: 30px;background: #59b2f7;left: 0;top: 15px}
.index_title h2:before{content: '';position: absolute;width: 4px;height: 30px;background: #59b2f7;right: 0;top: 15px}
.index_title p{line-height: 24px;font-size: 16px;color: #c7c7c7;height: 24px;}
/* 公用白 */
.white h2{color: #fff;}
.white p{color: #fff;}
.white:after{background: #fff;}
.white:before{background: #fff;}
.white h2:after{background: #fff;}
.white h2:before{background: #fff;}
/* 产品展示*/
.bg1{background: url(../images/index_bg_02.jpg) no-repeat center;background-size: cover;}
.duohang{ padding-top:10px;  overflow:hidden;}
.duohang .hd .classify{ float:left;}
.duohang .hd .classify a{ font-size:16px;margin-left:10px;color: #fff;display: inline-block;line-height: 35px;height: 35px;}
.duohang .hd .classify a.on{border-bottom: 1px solid #fff;}
.duohang .hd .next,
.duohang .hd .prev{ float:right; display:block; width:33px; height:22px; background: url(../images/arrow_03.png) no-repeat; overflow:hidden; margin-right:6px; cursor:pointer; }
.duohang .hd .next{ background: url(../images/arrow_05.png) no-repeat;position: relative;margin-left: 10px}
.duohang .hd .arrow{position: relative;margin-top: 10px;}
.duohang .hd .arrow:after{content: '';width: 4px;height: 4px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 8px;margin-left: -4px;}
.duohang .hd .prevStop{ background-position:-6px -40px; cursor:default; }
.duohang .hd .nextStop{ background-position:-34px -40px; cursor:default; }
.duohang .hd ul{ float:right; margin:6px 6px 0 0; zoom:1; }
.duohang .hd ul li{ float:left; cursor:pointer; display:block; width:8px; height:8px; margin-right:4px; _display:inline; background: url(images/switch_dot_small.jpg) no-repeat 0 0; }
.duohang .hd ul li.on{ background-position:-12px 0; }
.duohang .bd{ padding:30px 0 0 0;  }
.duohang .bd ul{ overflow:hidden; zoom:1; }
.duohang .bd ul li{ float:left; width: 380px;margin-right: 30px;}
.duohang .bd ul li a{display: block;width: 380px;height: 290px;overflow: hidden;margin-bottom: 30px;position: relative;}
.duohang .bd ul li a .hover_show{position: absolute;left: 0;top: 0;width: 300px;height: 210px;background: rgba(89, 178, 247, .8) url(../images/hover_arrow_03.png) no-repeat 40px 200px;padding: 40px;color: #fff;display: none;}
.duohang .bd ul li a .product_pic{width: 380px;height: 290px;}
.duohang .arrow span{display: inline-block;}
.hover_show h3{font-size: 22px;line-height: 32px;margin-bottom: 5px;}
.hover_show p{font-size: 14px;line-height: 32px;}
/* 服务优势 */
.service_btn{margin-top: 40px;}
.service_btn li{width: 326px;height: 214px;float: left;transition: all .5s;padding: 34px 20px 0 40px;}
.service_btn_1{background:#f2f6f9 url(../images/hover_1_1_03.png) no-repeat 219px 87px;}
.service_btn_1:hover{background:#59b2f7 url(../images/hover_1_2_03.png) no-repeat 219px 87px;}
.service_btn_2{background:#f2f6f9 url(../images/hover_2_1_03.png) no-repeat 231px 87px;margin:0 21px;}
.service_btn_2:hover{background:#59b2f7 url(../images/hover_2_2_03.png) no-repeat 231px 87px;}
.service_btn_3{background:#f2f6f9 url(../images/hover_3_1_05.png) no-repeat 249px 87px;}
.service_btn_3:hover{background:#59b2f7 url(../images/hover_3_2_05.png) no-repeat 249px 87px;}
.service_btn li p{line-height: 21px;width: 190px;}
.service_btn li h2{line-height: 52px;color: #317bb2;}
.service_btn li:hover h2,.service_btn li:hover p{color: #fff;}
/* 工厂 */
.scrollBox{border-top:1px solid #fff; position:relative;overflow:hidden;zoom:1;padding-top: 50px;}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;left:0;}
.scrollBox .piclist li{float:left; display:inline;background:#fff;border:1px solid #59b2f7;margin-right:30px;}
.scrollBox .piclist li a .img_box{overflow: hidden;}
.scrollBox .piclist li a{display: block;width: 366px;height: 332px;overflow: hidden;}
.scrollBox .piclist li a img{display: block;width: 366px;height: 278px;transition: all .5s;}
.scrollBox .piclist li .ohbox_title{height:54px;line-height:54px;display:block;text-align:left;font-size: 18px;padding: 0 18px;background:#59b2f7 url(../images/facility_arrow_10.png) no-repeat 320px center;color: #fff;}
.scrollBox .piclist li:hover a img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.scrollBox .piclist li:hover .ohbox_title{background:#317bb2 url(../images/facility_arrow_10.png) no-repeat 320px center}
.scrollBox .pageBtn{width: 116px;margin:30px auto 0;}
.scrollBox .pageBtn span{display:block;width:38px;height:38px;cursor:pointer;overflow:hidden;float: left;color: #317bb2;}
.scrollBox .pageBtn .prev{margin-right: 40px;background:#f2f6f9 url(../images/pageBtn_left_1_14.png) no-repeat center;}
.scrollBox .pageBtn .prev:hover{background:#317bb2 url(../images/pageBtn_left_2_14.png) no-repeat center;}
.scrollBox .pageBtn .next{background: #f2f6f9 url(../images/pageBtn_right_1_16.png) no-repeat center;}
.scrollBox .pageBtn .next:hover{background: #317bb2 url(../images/pageBtn_right_2_16.png) no-repeat center;}
/* 关于我们 */
.bgf5{background: #f5f5f5;}
.about_us_btn{margin-top: 80px;}
.about_us_btn li{width: 160px;background: #bebebe;text-align: center;float: left;margin-right: 20px;position: relative;}
.about_us_btn li a{display: block;height: 40px;line-height: 40px;color: #fff;}
.about_us_btn li.on{background: #59b2f7;}
.about_us_btn li.on .bubble{display: block;}
.about_us_btn li:hover{background: #59b2f7;}
.about_us_btn li:hover .bubble{display: block;}
.about_us_btn li .bubble{display: none;position: absolute;left: 50%;bottom: -10px;margin-left: -15px;}
.about_us_text{margin-bottom: 34px;position: relative;}
.about_us_text h2{line-height: 40px;font-size: 30px;font-weight: 100;width: 140px;}
.about_us_text h4{line-height: 25px;font-size: 16px;font-weight: 100;padding-bottom: 14px;border-bottom: 1px solid #4d4d4d;width: 134px;}
.about_us_text p{width: 646px;line-height: 30px;margin-top: 14px;}
.pad30{padding: 30px 0;}
.subheading{color: #fff;padding-left: 54px;margin-bottom: 26px;}
.subheading h2{display: inline;font-size: 26px;border-left: 4px solid #ffffff;padding-left: 10px;}
.environment{ position:relative; overflow:hidden;zoom:1;background: #317bb2;box-shadow: 0 0 5px 5px rgba(225, 225, 225, .8)}
.environment .piclist{ overflow:hidden; zoom:1;}
.environment .environment_box{overflow:hidden; position:relative;width: 1094px;margin: auto;}
.environment .piclist li{float:left; display:inline;margin-right:25px;}
.environment .piclist li span{height:25px;line-height:25px;display:block;text-align:center;}
.environment .piclist li a{display: block;overflow: hidden;}
.environment .piclist li a img{width: 254px;height: 193px;transition: all .5s;}
.environment .piclist li a:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.environment .pageBtn{position: absolute;top: 166px;height: 31px;width: 100%;}
.environment .pageBtn span{display:block;width:31px;height:31px;position:absolute;cursor:pointer;overflow:hidden;background: #fff;}
.environment .pageBtn .prev{left:3px;}
.environment .pageBtn .next{right:3px;}
.environment .pageBtn span img{display: block;margin: 8px auto}
.video_box{width: 392px;height: 351px;border: 10px solid #59b2f7;position: absolute;right: 0;top: -150px;}
.video_box .video_more{display: block;width: 76px;height: 30px;background: #59b2f7;color: #Fff;text-align: center;line-height: 30px;position: absolute;right: 0;bottom: 0;}
.video_box .video{position: absolute;left: -94px;top: 50px;}
/* 主页新闻 */
.bg2{background: url(../images/bg2_02.jpg)}
.new_left{width: 560px;}
.new_left li{border-bottom: 1px dashed #bebebe;padding: 13px 0;}
.new_left_pic{display: block;width: 220px;height: 104px;}
.new_left_pic img{display: block;width: 220px;height: 104px;}
.new_left .new_left_msg{width: 325px;color: #777777;padding-top: 6px;}
.new_left_msg h4{font-size: 16px;line-height: 24px;width: 325px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; }
.new_left_msg span{font-size: 12px;display: block;color: #bebebe;line-height: 17px;}
.new_left_msg p{font-size: 14px;line-height: 20px;margin-top: 9px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.new_left li:hover a{color: #317bb2;}
.new_right{width: 601px;}
.new_right li{margin-top: 14px;}
.new_right_data{width: 84px;height: 84px;background: #bebebe;text-align: center;color: #Fff;cursor: pointer;}
.new_right_data h3{line-height: 43px;width: 60px;margin:4px auto 0;border-bottom: 1px solid #fff;font-size: 30px;}
.new_right_data span{display: block;height: 32px;line-height: 32px;font-size: 16px;}
.new_right_text{width: 495px;}
.new_right_text h4{font-size: 16px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new_right_text p{font-size: 14px;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.new_right li:hover a{color: #317bb2;}
.new_right li:hover .new_right_data{background:#317bb2;}
.news_box{margin-top: 36px;}
/* 主页地图 */
.index_map{margin-top: 60px;}
.service_hotline{width: 1200px;left: 0;right: 0;top: 0;margin: auto;}
.service_hotline_btn{display: block;width: 168px;height: 48px;position: absolute;left: 610px;top: 75px;}
.service_hotline_btn i{display: inline-block;width: 120px;height: 48px;text-align: center;line-height: 48px;background: rgba(225, 225, 225, .9)}
.service_hotline_btn span{display: inline-block;width: 48px;height: 48px;background: #59b2f7;}
.service_hotline_btn span img{display: block;margin:17px auto 0;}
/* 友情链接 */
.index_link{padding: 15px 0;}
.index_link p{padding-left: 80px;background: url(../images/link_pic_07.jpg) no-repeat left center ;}
.index_link p a{padding: 0 10px;}
/* 底部 */
.footer{background: url(../images/footer_bg_10.jpg) no-repeat;background-size: cover;padding:60px 0 40px 0;}
.footer_msg{margin-right: 135px;}
.footer_msg p{line-height: 26px;color: #fff !important;}
.footer_msg p span{line-height: 26px;color: #fff !important;}
.footer_msg .logo{margin-bottom: 14px;display: block;}
.quick_links {color: #fff;}
.quick_links span{display: inline-block;height: 30px;line-height: 30px;font-size: 16px;}
.quick_links ul{width: 180px;}
.quick_links ul li{width: 65px;float: left;margin-right: 20px;}
.quick_links ul li a{display:inline-block;height: 30px;line-height: 30px;font-size: 14px;color: #fff;}
.quick_links ul li a:hover{color: #174a70;}
.qr_code{margin-left: 20px;}
.qr_code_img{border: 1px solid #98bdd9;padding: 5px}
.qr_code img{width: 114px;height: 108px;}
.qr_code p{line-height: 26px;margin-top: 5px;text-align: center;color: #a6bed5;}
.footer_bot{background: #174a70;line-height: 28px;padding: 14px 0;}
.footer_bot ul li{color: #Fff;}

/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#016fbc;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}
